<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../res/vue.js"></script>
</head>
<body>
<div id="app-1">
    <div>
        <div v-html="rawHtml"></div>
        <a v-bind:href="url"></a>
    </div>
    <p>{{number+1}}</p>
    <p>{{ok ? 'yes':'no' }}</p>
    <p>{{message.split('').reverse().join('')}}</p>
    <p>{{Math.random()}}</p>
    <p>{{topName}}</p>
    <p><a v-bind:href="'http'+url">11</a></p>
</div>
<script type="text/javascript">
    var topName = "全局属性";
    var app1 = new Vue({
        el:'#app-1',
        data:{
            number:'1',
            ok:true,
            url:'http://www.baidu.com',
            rawHtml:'<div><p>你好啊{{name}}</p></div>',
            name:'张三',
            message:'如何成为屌丝',
            remark:'备注信息',
            wife:'潘女士',
            child:'潘小聪'
        }
    });
</script>
</body>
</html>